<div class="row-fluid">
    <div class="span4">
        <div id="sample_1_filter1" class="dataTables_filter">
            <label>
                用户名:
                <input class="m-wrap medium"id="userName" type="text" aria-controls="sample_1">
            </label>
        </div>
    </div>
    <div class="span4">
        <div id="sample_1_filter" class="dataTables_filter">
            <label>
                编号:
                <input class="m-wrap medium" id="userCode" type="text" aria-controls="sample_1">
            </label>
        </div>
    </div>
    <div class="span4">
        <div id="sample_11_filter" class="dataTables_filter">
            <button class="btn blue">

                <i class="m-icon-swapright  icon-search"></i>查询
            </button>
        </div>
    </div>
</div>
<table  id="userList">
    <!--  <tbody>

      </tbody>-->
</table>
<script type="text/javascript">

    $(function () {
        $('#userList').datagrid({
            url: '/sys/userList',
            columns: [[
                {field: 'userCode', title: '编号', width: 100,sortable:"true"},
                {field: 'userName', title: '用户名', width: 100},
                {field: 'sex', title: '性别', width: 100, align: 'right'}
            ]]
            ,queryParams:{},
            border:true,
            pagination: true,
            pageSize: 10,
            fitColumns: true,
            nowrap: true,
            singleSelect: true,
            pageList: [10, 20, 30, 50, 100]
        });
    });
</script>